﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>购物车</title>
	<link rel="stylesheet" type="text/css" href="css/base.css" />
	<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
	<div id="header">
		<div class="bg">
			<div class="topBar">
				<div class="welcome">
					亲，欢迎光临爱手网！ 请<a href="#">登录</a> <a href="#">免费注册</a>
				</div>
				<div class="tnav fn-clear">
					<a href="#">爱手网工首页<img src="images/tnav1.gif" width="12" height="12" /></a> | <a
						href="#">我的购物车<img src="images/tnav2.gif" width="16" height="12" /></a> | <a href="#">
							我的收藏夹</a> | <a href="#">服务中心</a> | <a href="#">网站导航</a>
				</div>
			</div>
		</div>
		<div class="r2 fn-clear">
			<div class="logoBox">
				<a href="首页.html">
					<img src="images/temp/logo.jpg" width="184" height="66" alt="" /></a>
			</div>
			<div class="searchBox">
				<div class="form">
					<input type="text" class="txtKey" />
					<input type="submit" class="btnSubmit" value="搜索" />
				</div>
				<div class="keyWords">
					<span>热门：</span> <a href="#">托特包</a> <a href="#">托特包</a> <a href="#">托特包</a> <a href="#">
						托特包</a> <a href="#">托特包</a>
				</div>
			</div>
			<div class="tel">
				<img src="images/tel.jpg" width="175" height="54" alt="" />
			</div>
		</div>
		<div id="menu">
			<ul class="main">
				<li><a href="#">爱手工网</a></li>
				<li><a href="#">手工斜挎包</a></li>
				<li><a href="#">手工双肩包</a></li>
				<li><a href="#">手工手拎包</a></li>
				<li><a href="#">手工钱包</a></li>
				<li><a href="#">手工男鞋</a></li>
				<li><a href="#">手工女鞋</a></li>
				<li><a href="#">手工配件</a></li>
			    <li class="no-border"><a href="#">DIY教室</a></li>
                <li class="pic"><a href="#"><img src="images/pic-zxhd.png"/></a></li>
			</ul>
		</div>
	</div>
    <div id="container">
        <div class="shopProcessBar">
            <ul class="now1"><!--now1/now2/now3-->
                <li class="p1">1.我的购物车</li>
                <li class="p2">2.填写核对信息单</li>
                <li class="p3">3.成功提交订单</li>
            </ul>
        </div>
        <div class="choseProducts border1">
            <h1 class="title">
                我挑选的商品</h1>
            <table class="pList">
                <tr>
                    <th width="506" colspan="2">
                        商品号
                    </th>
                    <th width="130">
                        市场价
                    </th>
                    <th width="130">
                        销售价
                    </th>
                    <th width="104">
                        数量
                    </th>
                    <th width="106">
                        操作
                    </th>
                </tr>
                <tr>
                    <td width="97" align="center">
                        <img src="images/temp/p14.jpg" />
                    </td>
                    <td class="detail">
                        <a href="#" class="name">木村井泓 大容量拼色时尚双肩包（含笔记本隔层）红</a> <span class="des">颜色：红 尺码：F</span>
                    </td>
                    <td>
                        ￥199.00
                    </td>
                    <td>
                        ￥190.00
                    </td>
                    <td>
                        <p class="pricePicker">
                            <a href="#" class="btnSub">-</a>
                            <input type="text" class="txtBox" value="1" />
                            <a href="#" class="btnAdd">+</a>
                        </p>
                    </td>
                    <td>
                        <a href="#" class="btnDel">删除</a>
                    </td>
                </tr>
                <tr>
                    <td width="97" align="center">
                        <img src="images/temp/p14.jpg" />
                    </td>
                    <td class="detail">
                        <a href="#" class="name">木村井泓 大容量拼色时尚双肩包（含笔记本隔层）红</a> <span class="des">颜色：红 尺码：F</span>
                    </td>
                    <td>
                        ￥199.00
                    </td>
                    <td>
                        ￥190.00
                    </td>
                    <td>
                        <p class="pricePicker">
                            <a href="#" class="btnSub">-</a>
                            <input type="text" class="txtBox" value="1" />
                            <a href="#" class="btnAdd">+</a>
                        </p>
                    </td>
                    <td>
                        <a href="#" class="btnDel">删除</a>
                    </td>
                </tr>
            </table>
            <div class="row2 fn-clear">
                <a href="#" class="bg-main">清空商品</a> <a href="#" class="bg-main">凑齐商品</a>
                <p>
                    以上商品总价（不含邮费） <span>￥190.00</span> 元</p>
            </div>
            <div class="row3">
                <a href="#" class="btnCheckIn">去结算</a>
            </div>
        </div>
        <div class="column">
            <h2 class="title">
                推荐商品</h2>
            <div class="cnt fn-clear">
                <div class="s1 fn-left">
                    <a href="#">
                        <img class="border1" src="images/temp/p1.jpg" alt="" width="319" height="231" /></a>
                </div>
                <ul class="s2 fn-clear border1" style="width: 646px;">
                    <li>
                        <p class="p2">
                            <a href="#">
                                <img src="images/temp/p2.jpg" width="116" height="116" alt="" />
                            </a>
                        </p>
                        <p class="txt2">
                            <a class="pName" href="#">花比猴</a>
                            <em class="scj">市场价：230元</em>
                            <em class="hdj">活动价：<span>￥139</span></em>
                            <em class="pl">已有112人评论</em>
                        </p>
                    </li>
                    <li>
                        <p class="p2">
                            <a href="#">
                                <img src="images/temp/p2.jpg" width="116" height="116" alt="" />
                            </a>
                        </p>
                        <p class="txt2">
                            <a class="pName" href="#">花比猴</a>
                            <em class="scj">市场价：230元</em>
                            <em class="hdj">活动价：<span>￥139</span></em>
                            <em class="pl">已有112人评论</em>
                        </p>
                    </li>
                    <li>
                        <p class="p2">
                            <a href="#">
                                <img src="images/temp/p2.jpg" width="116" height="116" alt="" />
                            </a>
                        </p>
                        <p class="txt2">
                            <a class="pName" href="#">花比猴</a>
                            <em class="scj">市场价：230元</em>
                            <em class="hdj">活动价：<span>￥139</span></em>
                            <em class="pl">已有112人评论</em>
                        </p>
                    </li>
                    <li>
                        <p class="p2">
                            <a href="#">
                                <img src="images/temp/p2.jpg" width="116" height="116" alt="" />
                            </a>
                        </p>
                        <p class="txt2">
                            <a class="pName" href="#">花比猴</a>
                            <em class="scj">市场价：230元</em>
                            <em class="hdj">活动价：<span>￥139</span></em>
                            <em class="pl">已有112人评论</em>
                        </p>
                    </li>
                    <li class="last">
                        <p class="p2">
                            <a href="#">
                                <img src="images/temp/p2.jpg" width="116" height="116" alt="" />
                            </a>
                        </p>
                        <p class="txt2">
                            <a class="pName" href="#">花比猴</a>
                            <em class="scj">市场价：230元</em>
                            <em class="hdj">活动价：<span>￥139</span></em>
                            <em class="pl">已有112人评论</em>
                        </p>
                    </li>
                </ul>
            </div>
            <div class="cnt fn-clear" style="margin-top:10px;">
                <ul class="s3 s6 fn-clear border1">
                    <li>
                        <p class="img">
                            <a href="#">
                                <img src="images/temp/p3.jpg" /></a>
                        </p>
                        <p class="name">
                            <a href="#">花比猴</a></p>
                        <p class="price">
                            价格：<span>￥139</span></p>
                    </li>
                    <li>
                        <p class="img">
                            <a href="#">
                                <img src="images/temp/p3.jpg" /></a>
                        </p>
                        <p class="name">
                            <a href="#">花比猴</a></p>
                        <p class="price">
                            价格：<span>￥139</span></p>
                    </li>
                    <li>
                        <p class="img">
                            <a href="#">
                                <img src="images/temp/p3.jpg" /></a>
                        </p>
                        <p class="name">
                            <a href="#">花比猴</a></p>
                        <p class="price">
                            价格：<span>￥139</span></p>
                    </li>
                    <li>
                        <p class="img">
                            <a href="#">
                                <img src="images/temp/p3.jpg" /></a>
                        </p>
                        <p class="name">
                            <a href="#">花比猴</a></p>
                        <p class="price">
                            价格：<span>￥139</span></p>
                    </li>
                    <li class="last">
                        <p class="img">
                            <a href="#">
                                <img src="images/temp/p3.jpg" /></a>
                        </p>
                        <p class="name">
                            <a href="#">花比猴</a></p>
                        <p class="price">
                            价格：<span>￥139</span></p>
                    </li>
                </ul>
            </div>
        </div>
        <div id="footer">
            <div class="txtLists fn-clear border1">
                <div class="txtList">
                    <p class="title">
                        新手上路</p>
                    <ul>
                        <li><a href="#">帐户自助服务</a></li>
                        <li><a href="#">新用户注册</a></li>
                        <li><a href="#">怎样下订单</a></li>
                        <li><a href="#">注册常见问题</a></li>
                    </ul>
                </div>
                <div class="txtList">
                    <p class="title">
                        新手上路</p>
                    <ul>
                        <li><a href="#">帐户自助服务</a></li>
                        <li><a href="#">新用户注册</a></li>
                        <li><a href="#">怎样下订单</a></li>
                        <li><a href="#">注册常见问题</a></li>
                    </ul>
                </div>
                <div class="txtList">
                    <p class="title">
                        新手上路</p>
                    <ul>
                        <li><a href="#">帐户自助服务</a></li>
                        <li><a href="#">新用户注册</a></li>
                        <li><a href="#">怎样下订单</a></li>
                        <li><a href="#">注册常见问题</a></li>
                    </ul>
                </div>
                <div class="txtList">
                    <p class="title">
                        新手上路</p>
                    <ul>
                        <li><a href="#">帐户自助服务</a></li>
                        <li><a href="#">新用户注册</a></li>
                        <li><a href="#">怎样下订单</a></li>
                        <li><a href="#">注册常见问题</a></li>
                    </ul>
                </div>
                <div class="txtList">
                    <p class="title">
                        新手上路</p>
                    <ul>
                        <li><a href="#">帐户自助服务</a></li>
                        <li><a href="#">新用户注册</a></li>
                        <li><a href="#">怎样下订单</a></li>
                        <li><a href="#">注册常见问题</a></li>
                    </ul>
                </div>
                <div class="txtList service">
                    <p class="title">
                        在线客服&lt;&lt;</p>
                    <a href="#" class="s">点击这里进入</a>
                </div>
            </div>
            <div class="tips border1" style="margin-top: 10px;">
                <div class="imgBox">
                    <img src="images/tip.jpg" />
                </div>
            </div>
            <p class="copyright">
                Copyright&copy; 2007-2011 福建和茶网科技有限公司 版权所有，并保留所有权利 闽ICP证：闽10222030号
            </p>
        </div>
    </div>
    <a id="btnReturnTop" class="bg-main" href="javascript:;" onclick="javascript:scroll(0,0);">回顶部</a>
</body>
</html>